<template>
	<uni-nav-bar dark class="popup" color="#fff" :backgroundColor="bgc" :right-text="rightText" left-icon="left" :title="title"
		@clickLeft="back" />
</template>

<script lang="ts" setup>
	import { ref, defineProps } from 'vue'
	const props = defineProps({
		rightText: {
			type: String,
			default: ''
		},
		bgc: {
			type: String,
			default: '#111317'
		},
		title: {
			type: String,
			default: ''
		}
	})
	// console.log(props)
	const back =() => history.back()
	// const back = () => {
	// 	uni.navigateBack({
	// 		delta: 1
	// 	})
	// }
</script>

<style lang="scss" scoped>
	.popup{
		
	}
	::v-deep .uni-navbar__content {
		border-bottom: 0px;
	}

	::v-deep .uni-nav-bar-text {
		font-size: 32px;
		// line-height: 44px;
	}

	::v-deep .uni-nav-bar-right-text {
		font-size: 22px;
		// line-height: 44px;
	}
</style>